/* 规定页面文字统一大小和背景颜色 */

html {
    height: 100%;
}

body {
    position: relative;
    background: #FFF;
    font-size: 14px;
    height: 100%;
}


/* 删除a标签，默认下划线和标签里面文字颜色 */

a {
    color: #000;
    text-decoration: none;
}


/* 清除页面默认内外边距和全局样式*/

* {
    margin: 0;
    padding: 0;
    touch-action: pan-y;
}


/* 取消列表样式 */

ul {
    list-style: none;
}


/* 让图片向上居中 */

img {
    text-align: top;
}


/* 给中间内容部分大盒子设置背景色 */

.mui-content {
    background: #FFF;
}


/* 给顶部搜索栏和底部分类设置背景色 */

.footer,
.header {
    background: #006699;
}


/* 给搜索栏的儿子标题设置字体颜色 */

.header .mui-title {
    color: #FFF;
}


/* 给搜索栏的儿子字体图标设置字体颜色 */

.header .mui-icon {
    color: #FFF;
}


/* 给底部分类的字体和字体图标设置字体颜色 */

.footer .mui-tab-item {
    color: #FFF;
}


/* 给底部分类的字体和字体图标设置特殊的字体颜色 */

.footer .mui-tab-item.mui-active {
    color: darkorange;
}


/* 中间大盒子 */

.my-content {
    position: absolute;
    top: 44px;
    bottom: 50px;
    width: 100%;
    background: #f5f5f5;
}


/* 左边盒子 */

.my-content .category-left {
    width: 80px;
    height: 100%;
    /* background-color: aqua; */
    float: left;
    position: relative;
}


/* 右边盒子 */

.my-content .category-right {
    height: 100%;
    /* background-color: aquamarine; */
    margin-left: 90px;
    position: relative;
}

.links {
    display: block;
    color: #000;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    background-color: #FFF;
}

.links:first-child {
    background-color: #f5f5f5;
}


/* 右边 */

.brand-list {
    background-color: #fff;
    display: block;
    float: left;
    width: 33.333%;
    padding-bottom: 5px;
}

.brand-list img {
    width: 90%;
    display: block;
    margin: 0 auto;
}

.brand-list p {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #8f8f94;
}

.w {
    font-size: 16px;
    margin: 20px 90px;
}

.qq {
    background-color: aqua;
    color: crimson;
    font-weight: 100;
}